﻿<div class="bg-gray">
    <header class="mui-bar mui-bar-nav head-bar-nav">
        <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
        <h1 class="mui-title">我的作品</h1>
        <a class="mui-icon mui-icon-more mui-pull-right"></a>
    </header>
    <div class="mui-content bg-gray">
        <!---->
        <div class="mui-slider my-course-slider-box">
            <div class="mui-slider-indicator mui-segmented-control mui-segmented-control-inverted my-course-slider-tab">
                <a class="mui-control-item mui-active" href="#item1">文档(14)</a>
                <a class="mui-control-item" href="#item2">视频(23)</a>
            </div>
            <div class="mui-slider-group">
                <div id="item1" class="mui-slider-item mui-control-content mui-active">
                    <ul class="mui-table-view watch-record-list tutorial-information-list myzp-list">
                        <li class="mui-table-view-cell mui-media">
                            <a class="mui-navigate-right">
                                <div class="mui-media-object mui-pull-left">
                                    <img src="/images/tuinfo-list-img1.png">
                                </div>
                                <div class="mui-media-body">
                                    <h5>软件运用规范</h5>
                                    <p>作者 ：晓燕 </p>
                                </div>
                            </a>
                        </li>
                        <li class="mui-table-view-cell mui-media">
                            <a class="mui-navigate-right">
                                <div class="mui-media-object mui-pull-left">
                                    <img src="/images/tuinfo-list-img1.png">
                                </div>
                                <div class="mui-media-body">
                                    <h5>软件运用规范</h5>
                                    <p>作者 ：晓燕 </p>
                                </div>
                            </a>
                        </li>
                        <li class="mui-table-view-cell mui-media">
                            <a class="mui-navigate-right">
                                <div class="mui-media-object mui-pull-left">
                                    <img src="/images/tuinfo-list-img1.png">
                                </div>
                                <div class="mui-media-body">
                                    <h5>软件运用规范</h5>
                                    <p>作者 ：晓燕 </p>
                                </div>
                            </a>
                        </li>
                        <li class="mui-table-view-cell mui-media">
                            <a class="mui-navigate-right">
                                <div class="mui-media-object mui-pull-left">
                                    <img src="/images/tuinfo-list-img1.png">
                                </div>
                                <div class="mui-media-body">
                                    <h5>软件运用规范</h5>
                                    <p>作者 ：晓燕 </p>
                                </div>
                            </a>
                        </li>
                        <li class="mui-table-view-cell mui-media">
                            <a class="mui-navigate-right">
                                <div class="mui-media-object mui-pull-left">
                                    <img src="/images/tuinfo-list-img1.png">
                                </div>
                                <div class="mui-media-body">
                                    <h5>软件运用规范</h5>
                                    <p>作者 ：晓燕 </p>
                                </div>
                            </a>
                        </li>
                        <li class="mui-table-view-cell mui-media">
                            <a class="mui-navigate-right">
                                <div class="mui-media-object mui-pull-left">
                                    <img src="/images/tuinfo-list-img1.png">
                                </div>
                                <div class="mui-media-body">
                                    <h5>软件运用规范</h5>
                                    <p>作者 ：晓燕 </p>
                                </div>
                            </a>
                        </li>
                        <li class="mui-table-view-cell mui-media">
                            <a class="mui-navigate-right">
                                <div class="mui-media-object mui-pull-left">
                                    <img src="/images/tuinfo-list-img1.png">
                                </div>
                                <div class="mui-media-body">
                                    <h5>软件运用规范</h5>
                                    <p>作者 ：晓燕 </p>
                                </div>
                            </a>
                        </li>
                    </ul>
                    <br /><br />
                    <div class="toinfo-detail-flexed-box" style="position: relative;">
                        <button class="mui-btn mui-btn-block mui-btn-yellow">上传资料：000元</button>
                    </div>
                </div>
                <div id="item2" class="mui-slider-item mui-control-content">
                    <ul class="video-list mui-clearfix">
                        <li>
                            <img src="/images/video-list-img1.png" />
                        </li>
                        <li>
                            <img src="/images/video-list-img2.png" />
                        </li>
                        <li>
                            <img src="/images/video-list-img1.png" />
                        </li>
                        <li>
                            <img src="/images/video-list-img2.png" />
                        </li>
                        <li>
                            <img src="/images/video-list-img1.png" />
                        </li>
                        <li>
                            <img src="/images/video-list-img2.png" />
                        </li>
                    </ul>
                    <br /><br />
                    <div class="toinfo-detail-flexed-box" style="position: relative;">
                        <button class="mui-btn mui-btn-block mui-btn-yellow">上传视频</button>
                    </div>
                </div>
            </div>

        </div>
        <!---->

    </div>
</div>